Skip to content

Add ghost-ui design language package#11

Merged
nahiyankhan merged 6 commits intomainfrom
ghost-ui
Apr 7, 2026
Merged

Add ghost-ui design language package#11
nahiyankhan merged 6 commits intomainfrom
ghost-ui

Conversation

@nahiyankhan
Copy link
Copy Markdown
Collaborator

@nahiyankhan nahiyankhan commented Apr 7, 2026

Summary

  • New @ghost/ui package — a shadcn-compatible component registry serving as Ghost's reference design language, ported from boss-ui
  • 97 components: 49 primitives (Radix + Tailwind) and 48 AI-native elements (chat, code, agents, media)
  • Full design token system with light/dark mode, theme presets, live theme panel, and HK Grotesk typeface
  • Live catalogue built with React + Vite — component demos, foundations pages (colors, typography), and a bento showcase
  • Updated README to comprehensively document ghost-ui alongside the existing drift detection and fingerprinting tooling

Test plan

  • pnpm install && pnpm build succeeds
  • just dev launches the catalogue at localhost
  • Component demos render correctly in both light and dark mode
  • Theme panel opens and token edits apply in real time
  • just build-registry produces a valid registry.json
  • README renders correctly on GitHub

🤖 Generated with Claude Code

nahiyankhan and others added 6 commits April 6, 2026 13:08
…ns, and theme system

Brings 97 shadcn-compatible components (49 UI primitives + 48 AI elements),
design tokens, theming system, and registry into the ghost monorepo as
packages/ghost-ui. Excludes icons (not OSS) and proprietary fonts (swapped
CashSans → Geist). Replaces next-themes with a custom framework-agnostic
ThemeProvider to eliminate the Next.js dependency.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace Next.js with Vite for a lighter, faster dev experience. Swap
app-directory routing for React Router v7, replace next/link and
next/navigation with react-router equivalents, and convert server-side
fs.readFileSync calls to Vite import.meta.glob(?raw) for component
source display. Also adds HK Grotesk font faces, fixes dark-mode
visibility for hero plus grid and circle, and improves GSAP scroll
reveal clearProps.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Expand the README to comprehensively cover the new ghost-ui package —
its 97 components (49 primitives + 48 AI elements), theme system, shadcn
registry, and live catalogue — alongside the existing drift detection and
fingerprinting documentation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add required `homepage` field to registry.json so `shadcn build`
validates successfully, and include the generated per-component
JSON files in public/r/.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ts, diff, agent skills

- Extend ghost-core types to support all shadcn v4 registry item types
  (registry:base, registry:font, registry:theme, etc.) with FontDescriptor,
  CSSVarsMap, and ComponentMeta interfaces

- Add registry:font item for HK Grotesk (7 weights, self-hosted woff2) with
  companion font-faces style item and automatic dependency wiring

- Add registry:base item (ghost-ui-base) that bundles the entire design system
  as a single-install payload with 323 CSS tokens across theme/light/dark

- Generate registry:theme items from existing theme presets (warm-sand, ocean,
  midnight-luxe, neon-brutalist, soft-pastel) via build-presets script

- Set ghost-ui style to "ghost" in components.json and base item config

- Add ghost diff CLI command with severity classification (cosmetic/additive/
  breaking/missing) combining structure and value scanning

- Generate .shadcn/skills.md agent metadata with component inventory, token
  taxonomy, variant extraction, and data-slot mapping for 97 components

- Wire build pipeline: build:base → build:presets → generate:skills → shadcn build

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…sable infrastructure

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@nahiyankhan nahiyankhan merged commit aecc460 into main Apr 7, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant